<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
			div {
				width: 200px;
				height: 80px;
				background: -webkit-linear-gradient(left, skyblue, 
					yellowgreen);
				
				background: -moz-linear-gradient(top, skyblue, yellowgreen);
				background: -ms-linear-gradient(top, skyblue, yellowgreen);

			}
			p {
				width: 200px;
				height: 80px;
				background: -webkit-linear-gradient(top, skyblue 0%, yellow 25%, red 50%, pink 100%);
			}
        </style>
    </head>
    <body>
    <div> </div>
    <p></p>
    </body>
</html>